<#import "macro/macro.ftl" as macro>
<@macro.pageRender.pageRender head={"title":"首页"}>
    <#--slider BEGIN-->
    <#assign sliderItems=[
        {"src":"temp/slider_index/slider_1.jpg"},
        {"src":"temp/slider_index/slider_2.jpg"},
        {"src":"temp/slider_index/slider_3.jpg"}
    ]/>
    <@macro.component.sliderRender items=sliderItems id="J_slider_index" class="box_skitter_large slider_index"/>
    <#--slider END-->

    <#--服务项目 BEGIN-->
    <div class="xfull panel_content_service">
        【广州爱点公共关系服务有限公司】凭借多年的公关活动服务经验，致力于提供最契合客户需求的项目解决方案。主要业务涵盖活动策划、会务论坛、礼仪庆典、地产营销、平面设计、影视制作、演艺经纪等板块，为每一位客户提供个性化公关活动定制服务。
    </div>
    <div class="xfull panel_title">
        <span class="l">服务项目</span>
        <a href="${contextPath}/services.htm" class="r btn">更多…</a>
    </div>

    <#assign imgUrl="temp/service/"/>
    <#assign metroImgMap={
        "1":imgUrl+"1.jpg","2":imgUrl+"2.jpg","3":imgUrl+"3.jpg","4":imgUrl+"4.jpg",
        "5":imgUrl+"5.jpg","6":imgUrl+"6.jpg","7":imgUrl+"7.jpg","8":imgUrl+"8.jpg"
    }/>
    <#assign metroItems=[
        [
            {"class":"m_i_1","metro":{"label":"公关接待","img":metroImgMap["1"]}},
            {"class":"m_i_2","metro":{"label":"企业年会","img":metroImgMap["2"],"imgClass":"item_x item_y"},"row":"2", "colum":"2"},
            {"class":"m_i_3","metro":{"label":"签约发布","img":metroImgMap["3"]}}
        ],
        [
            {"class":"m_i_4","metro":{"label":"灯光音响","img":metroImgMap["4"]}},
            {"class":"m_i_5","metro":{"label":"媒体发布","img":metroImgMap["5"],"imgClass":"item_y"},"row":"2"}
        ],
        [
            {"class":"m_i_6","metro":{"label":"乔迁仪式","img":metroImgMap["6"]}},
            {"class":"m_i_7","metro":{"label":"开业庆典","img":metroImgMap["7"]}},
            {"class":"m_i_8","metro":{"label":"促销路演","img":metroImgMap["8"]}}
        ]
    ]/>
    <@macro.component.metroRender items=metroItems id="J_metro_index" class="services_index"/>
    <#--服务项目 END-->

    <#--合作伙伴 BEGIN-->
    <div class="xfull panel_title">
        <span class="l">合作伙伴</span>
    </div>

    <#assign scrollItems=[
        [
            {"src":"temp/friends/1.jpg"},{"src":"temp/friends/2.jpg"},
            {"src":"temp/friends/3.jpg"},{"src":"temp/friends/4.jpg"}
        ],
        [
            {"src":"temp/friends/4.jpg"},{"src":"temp/friends/3.jpg"},
            {"src":"temp/friends/2.jpg"},{"src":"temp/friends/1.jpg"}
        ]
    ]/>
    <@macro.component.scrollsRender items=scrollItems class="friends"/>
    <#--合作伙伴 END-->
</@macro.pageRender.pageRender>